<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>三际抢购主页</title>
    <link rel="stylesheet" type="text/css" href="css/shopping.css"/>
    <link rel="stylesheet" type="text/css" href="js/Scrollbar/jquery.mCustomScrollbar.min.css"/>
    <script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body class="placement">
<input type="hidden" id="skuId" value=""/>
<div class="top-box">
    <div class="container">
        <a id="top" href="http://www.3j1688.com/member/home.html"><img src="img/logo.png"/></a>
    </div>
</div>
<div class="container">
    <!--种类分栏-->
    <div class="column" id="goodColumn">
        <ul class="nav">

        </ul>
    </div>
    <!--种类分栏-->
    <!---->
    <div class="content">
        <div class="phone-box">
            <img id="goodPic" class="phone-img" src=""/>
        </div>
        <!---->
        <!--手机信息-->
        <div class="phonetinfo">
            <h1 id="goodName"></h1>
            <h2 id="goodPrice"></h2>
            <!--版本-->
            <h3>1.选择版本</h3>
            <div class="box-1">
                <ul class="navber" id="goodVersion">

                </ul>
            </div>
            <!--版本-->
            <!--颜色-->
            <h3>2.选择颜色</h3>
            <div class="box-1">
                <ul class="navber" id="goodColor">
                </ul>
            </div>
            <!--颜色-->
            <h3>3.选择数量</h3>
            <div class="count-box">
                <div class="amount-box">
                    <span class="btn J_minus"><i class="icon icon-minus-out"></i></span>
                    <input type="text" id="" value="1" readonly="readonly"
                           onkeyup="this.value=this.value.replace(/\D/g,'')"
                           onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
                    <span class="btn J_plus"><i class="icon icon-plus "></i></span>
                </div>
                <span>部</span>
                <span class="total">库存 <span id="goodStock" class="text-red">  </span> 部 </span>
                <span class="max-count">（限购 <span id="canByNum" class="text-red">  </span> 部
                    ）</span>
            </div>
            <!--加入购物车-->
            <div class="btn btn-cart">加入购物车</div>
            <!--加入购物车-->
        </div>
        <!--手机信息-->
    </div>
</div>
<!--左侧购物显示 浮动-->
<div class="cart-show ">
    <div class="show-box">
        <!--go-cart-->
        <div class="go-cart active">
            <span class="tag tag-cart"></span> 购物车
            <span class="tag tag-num">0</span>
        </div>
        <!--去结算-->
        <div class="go-balance ">
            去结算
            <span class="tag tag-goright"></span>
        </div>
        <!--去结算-->
    </div>
    <!--go top-->
    <a href="#top"><span class="icon icon-go-top"></span></a>
    <!--go top-->
    <!--结算按钮-->
    <div class="settlement">
        <div class="settlement-top">
            已选：<span id="totalNum" class="total-num-phone">0 </span> 部手机
            <span class="pull-right">￥<span id="totalPrice" class="totalprice">0</span></span>
        </div>
        <!--disabled 禁用样式-->
        <a href="javascript:;" class="J_Settlement disabled" >结 算 <span class="tag tag-goright"></span></a>
        <!--disabled 禁用样式-->
    </div>
    <!--结算按钮-->

    <!--购物车-->
    <div class="shopping-cart mCustomScrollbar light" data-mcs-theme="minimal-dark">
        <!--购物车内容-->
        <div class="cart-content">
            <!--全选-->
            <div class="check-all">
                <label>
                    <input type="checkbox" id="checkAll" value=""/>全选
                </label>
            </div>
            <!--全选-->
            <div id="contents">
            	<p class="nothing-text">呜呜，来都来了，不买点东西吗？</p>
            	<img class="nothing-img" src="img/nothing.png" />
            </div>
        </div>
        <!--购物车内容-->
    </div>

</div>
<!--左侧购物显示-->

<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<!--scrollbar-->
<script src="js/Scrollbar/jquery-ui-1.10.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Scrollbar/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Scrollbar/jquery.mCustomScrollbar.min.js" type="text/javascript"
        charset="utf-8"></script>
<script src="js/screeningofgoods.js" type="text/javascript" charset="utf-8"></script>
<script src="js/event.js" type="text/javascript" charset="utf-8"></script>
<script src="js/shoppingcart.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</body>

</html>